<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <!-- Font LATO -->
        <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->
        

	<section class="container-860 into-work">
    	<h1>WORK</h1>
        <div class="sticky-nav">
          <a href="#" class="active">ALL</a><span>/</span>
          <a href="#">HOUSING</a><span>/</span>
          <a href="#">RESEARCH</a><span>/</span>
          <a href="#">ARCHITECTURE</a><span>/</span>
          <a href="#">SMALL</a><span>/</span>
          <a href="#">LARGE</a>
  		</div>
        <div class="content">
	        <img src="img/thumb-1.jpg" width="860" height="66" alt="thumb1"> 
            <h4>EUROPAN 11</h4>
            <h5>Finalist in international compet</h5>
          <div class="share_button"> <a class="share" href="#">share</a> <a class="fb" href="#">facebook</a> <a class="in" href="#">twitter</a> </div>
            <div id="slider-into-work"></div>
          <aside>
            	<p><b>Location:</b><br />Deventer</p>
                <p><b>Typology:</b><br />Dwelling</p>
                <p><b>Year:</b><br />2011</p>
            </aside>
          <article class="container-570">
            	<p>Collaging is about creating collisions and overlap’s between different kind of events, buildings, materials, people, periods in time and styles, placing them in a different context, allowing spontaneous reactions to happen. This way new patterns and connections can be made between parallel social structures. <br />
De dynamiek van het stedelijk leven vormt een continue circuit. Door het introduceren van incisies in het publieke vlak, ‘strips’, interfereren deze strips met de continue beweging van de dagelijkse routine en creëren zij <br />
obstakels waarbij het gebruik daarvan open staat voor interpretatie. De strips articuleren niet de iconische vormentaal van een skate –parcours, maar genereren een nieuwe gebruikerstaal voor publieke gebruikers, zoals: skateboarders, kinderen en iedereen die opzoek is naar een interruptie van de massaconsumptie maatschappij. 
Binnen deze manipulatie van de publieke ruimte, ontstaat een permeabel landschap waar <br />
voetgangers doorheen kunnen lopen, skaters op kunnen skaten en waar een arena vorm ontstaat waar publieke activiteiten ontplooid kunnen worden.</p>
            </article>
            
        <img src="img/additional-images.jpg" width="859" height="272" alt="addional-image" class="addional-image"> 
        <h3 class="copyright">&copy; BLOOT Architecture</h3>
        <div class="thumb">
            	<a href="#">   
	                <img src="img/thumb-2.jpg" width="860" height="66" alt="thumb2">          	
                    <div class="thumb-bg">
                        <h4>EUROPAN 11</h4>
	                    <h5>Finalist in international compet</h5>
                    </div>
                </a>
            </div>
        </div>
    </section>





















        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.0.min.js"><\/script>')</script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <script>
            var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
    </body>
</html>
